<%@ page language="java" contentType="text/html; charset=windows-1255"
    pageEncoding="windows-1255"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<%@page import="com.optimus.model.mapped.CategoryBean"%>
<html>
<head>
<link rel="stylesheet" type="text/css" href="css/LeftNavPanelCSS/leftNavigationPanelStyles.css" />
		<!-- <script type="text/javascript" src="js/LeftNavPanelJS/jquery.js"></script>-->
		<script type="text/javascript" src="js/LeftNavPanelJS/sliding_effect.js"></script> 
	</head>
	<body>
		<form action="categoryPage.jsp" method="get">
			<div id="navigation-block" style="width: 200px;">
	            <ul id="sliding-navigation">
	                <li class="sliding-element"><h3>Categories</h3></li>
	                <li class="sliding-element"><a href="categoryPage.jsp?cid=<%=CategoryBean.ELECTRONICS%>">Electronics</a></li>
	                <li class="sliding-element"><a href="categoryPage.jsp?cid=<%=CategoryBean.COMPUTERS%>">Computers</a></li>
	                <li class="sliding-element"><a href="categoryPage.jsp?cid=<%=CategoryBean.CAMERAS%>">Cameras</a></li>
	                <li class="sliding-element"><a href="categoryPage.jsp?cid=<%=CategoryBean.SPORTS%>">Sports</a></li>
	                <li class="sliding-element"><a href="categoryPage.jsp?cid=<%=CategoryBean.TOYS%>">Toys</a></li>
	                <li class="sliding-element"><a href="categoryPage.jsp?cid=<%=CategoryBean.MUSIC%>">Music</a></li>
	            </ul>
	        </div>
	    </form>
	</body>
</html>